﻿@model VinhSon.Intranet.Models.LogOnModel
@{
    ViewBag.Title = "Vinhson.org";
    Layout = "~/Views/Shared/_Blank.cshtml";
}
@section style
{
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        body {
            color: #232323;
            font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
            font-size: 75%;
            height: 100%;
            width: 100%;
        }

        .button { padding: 5px 20px; }

        input[type="text"].input-form:focus, input[type="password"].input-form:focus, textarea.input-form:focus, .css3:focus {
            -moz-box-shadow: 0px 0px 10px rgba(90, 166, 237, .6) !important;
            -webkit-box-shadow: 0px 0px 10px rgba(90, 166, 237, .6) !important;
            border: 1px solid #0B79EA;
            box-shadow: 0px 0px 10px rgba(90, 166, 237, .6) !important;
            outline: none;
        }

        form input.input-form, form input.medium-editor, textarea {
            border: 1px solid #b7b7b7;
            border-radius: 3px;
            padding: 5px;
        }

        .block {
            -moz-box-shadow: 0px 0px 10px #ccc !important;
            -webkit-box-shadow: 0px 0px 10px #ccc !important;
            background-color: white;
            border: 1px solid #b7b7b7;
            border-radius: 5px;
            box-shadow: 0px 0px 10px #ccc !important;
            margin-bottom: 18px;
        }

        .block .head {
            background-color: #F6F6F6;
            background-image: -moz-linear-gradient(top, #FAFAFA, #F2F2F2);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAFAFA), to(#F2F2F2));
            background-image: -moz-linear-gradient(top, #FAFAFA, #F2F2F2);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAFAFA), to(#F2F2F2));
            background-image: -webkit-linear-gradient(top, #FAFAFA, #F2F2F2);
            background-repeat: repeat-x;
            border-bottom: 1px solid #b7b7b7;
            border-radius: 5px 5px 0 0;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFAFAFA', endColorstr='#FFF2F2F2', GradientType=0);
            padding: 10px 20px;
        }

        .block .head h2 { font-size: 15px; }

        .login-form {
            margin: 100px auto;
            width: 310px;
        }

        .login-form .block-content { padding: 20px 40px; }

        .login-form form { position: relative; }

        .login-form form .input-form { margin-top: 5px; }

        .forgot-password { margin-top: 10px; }

        .editor-item { margin: 5px 0; }

        .large-editor { width: 95%; }
        
    </style>
}
<div class="block login-form">
    <div class="head">
        <h2>
            WEB APPLICATION
        </h2>
    </div>
    <div class="block-content">
        @Html.ValidationSummary()
        <form method="POST">
            <div class="editor-item">
                <label>
                    Username (*)
                </label>
                <br />
                @Html.TextBoxFor(c => c.UserName,
                                 new
                                 {
                                         @class = "input-form large-editor"
                                 })
            </div>
            <div class="editor-item">
                <label>
                    Password (*)
                </label>
                <br />
                @Html.PasswordFor(c => c.Password,
                                  new
                                  {
                                          @class = "input-form large-editor"
                                  })
            </div>
            <div class="editor-item">
                <input type="submit" class="button" value="Log On" />
                @Html.CheckBoxFor(m => m.RememberMe)
                Remember Me?
            </div>
            <div class="clear">
            </div>
        </form>
    </div>
    <div class="clear">
    </div>
</div>
<div style="margin: 10px; text-align: center;">
    @Html.Raw("@")Vinhson.org 2013
</div>